<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>用户注册</title>
<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css">
<link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.6.0.css">
<style>
    .box{
        width: 100%;
        min-width: 1200px;
    }
    .reg_box{
        width: 800px;
        border: 1px solid skyblue;
        border-right: 0;
        margin: 20px auto;
    }
    .reg_title{
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-left: 15px;
        font-size: 18px;
        margin-bottom: 15px;
        background: skyblue;
    }
    #yanzhengma{
        position: absolute;
        top: 0;
        right: 15px;
    }
</style>
</head>
<body>
<div class="box">
    
    <div class="reg_box">
        <div class="reg_title">
            <span>用户注册</span>
        </div>
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-sm-2 control-label">用户名：</label>
                <div class="col-sm-10">
                    <input class="form-control" id="" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">密码：</label>
                <div class="col-sm-10">
                    <input class="form-control" id="" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">邮箱：</label>
                <div class="col-sm-10" style="position: relative;">
                    <button id="yanzhengma" class="btn btn-info" >获取验证码</button>
                    <input class="form-control" id="" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">验证码：</label>
                <div class="col-sm-10">
                    <input class="form-control" id="" type="text"> 	
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">性别：</label>
                <div class="col-sm-10">
                    <select class="form-control">
                        <option value="男">男</option>
                        <option value="女">女</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">手机号：</label>
                <div class="col-sm-10">
                    <input class="form-control" id="" type="text">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">用户地址：</label>
                <div class="col-sm-10">
                    <input class="form-control" id="" type="text">
                </div>
            </div>
            
        </form>
    </div>
</div>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script>
$(function(){
	
})
$(".yanzhengma").click(function(){
	console.log("Sdasd")
	$.ajax({
		url:"getMailOnlyOne", 
		dataType:"get",
		data:{usEmail:"2593944270@qq.com"},
		success:function(data){
			console.log(data)
		},
		error:function(err){
			console.log("请求失败")
			console.log(err)
		}
	})
})
</script>
</html>